<template>
<!-- <div>
  
  <input type="number" v-model="reastu.stu.id" />
  <input type="text" v-model="reastu.stu.name" />
  <input type="number" v-model="reastu.stu.age" />
  <br/>
  <el-button  @click="addstu()" type="primary">提交</el-button>

  <div style="flexrow" v-for="(item,index) in  reastus.stu" :key="item.id">
    {{item.name}}--{{item.age||''}}<el-button size="mini"  @click="remstu(index)">删除</el-button>
  </div>
</div> -->
<div style="margin-top:100px">
  父显示：{{val}}
  <Button @ck="onClick" size="small" :myval="val" disabled>
    点击子按钮设置值
  </Button>
</div>

</template>

<script lang="ts">
 import Button from '@/components/Button.vue'
 import {setupParent} from '@/hooks/com'
import { ref,reactive } from 'vue'
import {ElButton } from 'element-plus'

export default {
  
  components: {
     Button,
    //ElButton
  },
  setup() {
    // const {reastus,remstu} = setupdemoinit();
    // const {reastu, addstu} = setupdemoadd(reastus);
    // return {reastus,remstu,reastu, addstu}
    // const reastu=reactive({
    //   stu:{
    //     id:4,
    //     name:"",
    //     age:NaN
    //   }
    // })
    // let a = 1;
    // a++;
    // const reastus = reactive({
    //   stu : [{
    //     id:1,
    //     name:"张三",
    //     age:10

    //   },{
    //     id:2,
    //     name:"李四",
    //     age:20

    //   },{
    //     id:3,
    //     name:"王二",
    //     age:30

    //   }]
    // })
    // const addstu = ()=>{
    //   const stu = Object.assign({},reastu.stu);
    //   reastus.stu.push(stu);
    //   reastu.stu.id++;
    //   reastu.stu.name=""
    //   reastu.stu.age=NaN

    // }
    // const remstu = (index: number)=>{
    //    reastus.stu =reastus.stu.filter((v,i)=>index!=i)

    // }
    // const val = ref("")
    // const onClick = (v: string) => {
    //   console.log('父打印');
    //   val.value = v as string;
    // }
    const {onClick,val} = setupParent();
    // return {
    //   // onClick,
    //   // val,
    //   a,
    //   reastus,
    //   reastu,
    //   addstu,
    //   remstu
    // }
  },
}
</script>
<style scoped>
.flexrow{
  display: flex;
  flex-direction: row;
}
</style>